<extend name="Base/common"/>

<block name="header">
	<!--top- heading-->
	<div clasS="top-heading">
		<!--start-wrap-->
		<div class="wrap">
			<h1>文章</h1>
		</div>
		<!--end wrap-->
	</div>


</block>

<block name="body">


	<!-- Contents
    ================================================== -->
	<!--start portfolio-->
	<div class="wrap">
		<div class="portofolio-item">
			<h1> {$info.title} </h1>
			<div class="banner">
				<!--<img src="images/slider6.jpg" alt="" />-->
			</div>
			<p style="padding: 20px 25px;margin: 1% 0%;">
				<span>
					<span class="author">{$info.uid|get_username}</span>
					<span> 发表于 {$info.create_time|date='Y-m-d H:i',###}</span>
				</span>
				<br>
				<span class="pull-right">
					<article:prev name="prev" info="info">
						<a href="{:U('?id='.$prev['id'])}" style="color: #E8603C;">上一篇</a>
					</article:prev>
                    <article:next name="next" info="info">
						<a href="{:U('?id='.$next['id'])}" style="color: #E8603C;">下一篇</a>
					</article:next>
				</span>
			</p>

			<div class="img-info">

				<section>{$info.content}</section>

				<button class="btn" onclick="javascript:history.back(-1);">返回</button>
			</div>
			<div class="portofolio-item-con">
				<!--<div class="heading">-->
					<!--<h2>recent wroks</h2>-->
					<!--<h6> </h6>-->
					<!--<div class="clear"> </div>-->
				<!--</div>-->
				<!--<div class="main_btm">-->

					<!--&lt;!&ndash;start-mfp &ndash;&gt;-->
					<!--<div id="small-dialog1" class="mfp-hide">-->
						<!--<div class="pop_up">-->
							<!--<h2>character desing</h2>-->
							<!--<img src="images/popup.jpg" alt=""/>-->
							<!--<p class="para">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.</p>-->
						<!--</div>-->
					<!--</div>-->
					<!--&lt;!&ndash;end-mfp &ndash;&gt;-->
					<!--&lt;!&ndash;start-content&ndash;&gt;-->

					<!--<div class="gallery">-->
						<!--<div class="clear"> </div>-->
						<!--<div class="container">-->

							<!--<div id="gallerylist">-->

								<!--<div class="gallerylist-wrapper">-->
									<!--<a class="popup-with-zoom-anim" href="#small-dialog1">-->
										<!--<img src="images/image1.jpg"  alt="Image 1"/>-->
										<!--<span><img src="images/plus.png" alt=" "/> </span>-->
										<!--<div class="desc">-->
											<!--<h2>character desing</h2>-->
											<!--<h3>june 15,2014</h3>-->
										<!--</div>-->
									<!--</a>-->
								<!--</div>-->
								<!--<div class="gallerylist-wrapper">-->
									<!--<a class="popup-with-zoom-anim" href="#small-dialog1">-->
										<!--<img src="images/image2.jpg"  alt="Image 2"/>-->
										<!--<span><img src="images/plus.png" alt=" "/> </span>-->
										<!--<div class="desc">-->
											<!--<h2>brochure desing</h2>-->
											<!--<h3>june 15,2014</h3>-->
										<!--</div>-->
									<!--</a>-->
								<!--</div>-->
								<!--<div class="gallerylist-wrapper">-->
									<!--<a class="popup-with-zoom-anim" href="#small-dialog1">-->
										<!--<img src="images/image3.jpg"  alt="Image 3" />-->
										<!--<span><img src="images/plus.png" alt=" "/> </span>-->
										<!--<div class="desc">-->
											<!--<h2>social media buttons</h2>-->
											<!--<h3>june 15,2014</h3>-->
										<!--</div>-->
									<!--</a>-->
								<!--</div>-->
								<!--<div class="gallerylist-wrapper">-->
									<!--<a class="popup-with-zoom-anim" href="#small-dialog1">-->
										<!--<img src="images/image4.jpg"  alt="Image 4" />-->
										<!--<span><img src="images/plus.png" alt=" "/> </span>-->
										<!--<div class="desc">-->
											<!--<h2>10 amazing websites</h2>-->
											<!--<h3>june 15,2014</h3>-->
										<!--</div>-->
									<!--</a>-->
								<!--</div>-->

							<!--</div>-->
						<!--</div>-->
					<!--</div>&lt;!&ndash; container &ndash;&gt;-->
					<!--<script type="text/javascript" src="js/fliplightbox.min.js"></script>-->
					<!--<script type="text/javascript">$('body').flipLightBox()</script>-->
					<!--<div class="clear"> </div>-->
				<!--</div>-->
			</div>
		</div>
	</div>


</block>
